<template>
  <div class="border-b border-gray-200 pb-4">
    <div class="flex justify-between items-center mb-2">
      <h4 class="font-medium">{{ title }}</h4>
      <span class="text-sm text-gray-500">{{ date }}</span>
    </div>
    <p class="text-gray-600 text-sm">{{ description }}</p>
  </div>
</template>

<script>
export default {
  props: {
    date: String,
    title: String,
    description: String
  }
}
</script>